@media screen {
html,body{overflow:hidden;}
body {margin:0;padding:0;height:100%;background:#ffc url(images/bg_m.jpg) repeat fixed;color:#003;}
/*Bar Style*/
body div#bar{overflow-y:auto}
div#bar {position:absolute;top:0;right:83%;bottom:0;left:0;width:17%;height:100%;background:#003 url(images/bg_b.jpg);color:#ffc;font:400 10pt arial,sans-serif;text-align:center;}
div#bar h1,div#bar h2,div#bar h3 {margin:0;padding:2px 0;background:url(images/bback.gif);border:none;color:#69f;font-weight:700;}
div#bar h1 {font-size:16pt;}
div#bar h2 {font-size:12pt;}
div#bar h3 {font-size:10pt;}
div#bar h2 a {font:oblique 700 12pt georgia,serif;}
div#bar p {color:#9cf;font:400 10pt arial,sans-serif;text-align:center;text-indent:0;}
div#bar p a {display:inline;}
div#bar ul {margin:0;padding-left:1em;text-align:left;}
div#bar ul ul {margin:0;padding-left:.5em;text-align:left;}
div#bar ul li {list-style-type:disc;color:#99f;}
div#bar ul li a.active {font-weight:700;}
div#bar ul li a {display:inline;}
div#bar form.zero {margin:0;border:0;padding:0;width:100%;}
div#bar select {margin:0 15% 2px;width:70%;clear:both;border-top:1px solid #69f;border-bottom:1px solid #69f;}
div#bar a {display:block;text-decoration:none;color:#ff6;font:400 10pt arial,sans-serif;}
div#bar a:hover {color:#66f;}
div#bar hr {border:1px solid #69f;}
div#bar div.fox{width:100%;margin-top:1em;border-top:1px solid #69f;padding-top:1em;}
/*Main Style*/
div#main {position:absolute;top:0;right:0;bottom:0;left:17%;width:83%;height:100%;overflow:auto;}
div#main.index h1 ,div#main h1#m{margin-top:25%;padding:0;}
div#main hr {height:1px;color:#960;}
div#main p,div#main ul,div#main ol,div#main dd {background:#fffff9;-moz-border-radius:5px;-webkit-border-radius:5px;}
div#main ul ul, div#main ul ol, div#main ol ol, div#main ol ul {background:none;-moz-border-radius:0;-webkit-border-radius:0;}
div#main p.csq {background:url(images/back.gif) #ffe;margin:10px 0 10px 0;border:1px solid #ffe;color:#960;font:oblique 400 12pt georgia,serif;text-align:center;}
div#main a {text-decoration:none;color:#009;}
div#main a:hover {color:#990;}
li.open, li.closed{cursor:pointer;}
/* keep order of next 2 rules*/
li.open ol,li.open ul,li.closed dl {display: block;color:#003;}
li.closed ol,li.closed ul,li.closed dl {display:none;color:#003;}
}
body {font:normal 10pt arial,sans-serif;}
h1,h2,h3,h4 {background:url(images/back.gif) #ffe;margin:5px 0;border:1px solid #fff;color:#960;font:oblique 400 12pt georgia,serif;text-align:center;} 
h1 {font-size:28pt;}
h2 {font-size:14pt;}
h3{font-size:12pt;}
div#l,div#r,div.p33 {height:100%;position:fixed;overflow:auto;}
div#l,div#r{width:49.5%;}
div.a {height:auto;}
div.ni p {text-indent:0;}
div.ni.c p,div.c{text-align:center;}
pre {font-size:8pt;margin-left:1em;padding:0;}
pre.wf {font-family:courier;}
#l,.l{float:left;}
#r,.fr{float:right;}
#tl,.tl{text-align:left;}
.tr {text-align:right;}
.cb {clear:both;}
.zero{margin:0;border:0;padding:0;}
.tiny{font-size:smaller;}
.mix{font-weight:700;}
.two,.three{clear:both;padding-top:.5em}
.two{-moz-column-count:2;-webkit-column-count:2;column-count:2;}
.three{-moz-column-count:3;-webkit-column-count:3;column-count:3;}
.four{-moz-column-count:4;-webkit-column-count:4;column-count:4;}
.five{-moz-column-count:5;-webkit-column-count:5;column-count:5;}
.round {-moz-border-radius:10px;-webkit-border-radius:10px;}
div.h{width:49.5%;}
div.c3{float:left;width:33.31%;background:#ffe;}
p {margin:0 1em;padding:.25em .5em;color:#003;text-align:left;text-indent:1em;}
p.i0,p.i2,p.i4,p.i6,p.i8,p.i12,p.i16 {line-height:10pt;}
p.i0 {margin-left:0;}
p.i2 {margin-left:2em;}
p.i4 {margin-left:4em;}
p.i6 {margin-left:6em;}
p.i8 {margin-left:8em;}
p.i12 {margin-left:12em;}
p.i16 {margin-left:16em;}
em.bl,em.gr ,em.rd{font-style:normal;}
em.bl {color:#009;}
em.gr {color:#090;}
em.rd {color:#900;}
strong{font-variant:small-caps;}
code{font-size:10pt;}
img {border:0;}
/*lists*/
dt {margin:.5em 0 0 .5em;background:url(images/back.gif);color:#003;font:700 12pt garamond;}
dd {padding:0 .25em;}
ol,ul {margin:0 1em;padding-left:1.25em;}
ul li {color:#003;list-style:disc;font-weight:400;}
ol li {list-style:decimal;}
li.inuse {font-weight:700;}
/*tables*/
table {border:0 solid #003;border-collapse:collapse;}
caption {color:#009;font:oblique 700 12pt georgia,serif;}
table table td {font-weight:400;}
col.b {font:700 12pt garamond;}
col.p25 {width:25%;}
col.p33 {width:33%;}
col.p50 {width:50%;}
col.l,th.l,td.l {text-align:left;}
col.m,col.m30,col.m60,col.m90 {text-align:center;white-space:nowrap;}
col.m30 {width:30px;}
col.m60 {width:60px;}
col.m90 {width:90px;}
col.r,col.r120,col.r150 {text-align:right;white-space:nowrap;}
col.r120 {width:120px;}
col.r150 {width:150px;}
col.rw {text-align:right;}
tbody.w {background:url(images/back.gif);}
tr.b {vertical-align:text-bottom;}
tr.t,td.t {vertical-align:text-top;}
th {background:#003 url(images/bg_b.jpg);border:1px solid #ffc;color:#ffc;font-weight:700;}
th.a {background:url(images/back.gif);border-color:#003;color:#900;text-align:left;}
th.l {font-weight:400;}
th.c {text-align:center;}
th.r {text-align:right;vertical-align:text-top;}
td {border:0 solid #003;color:#003;}
td.bb {border-bottom-width:2px;}
td.c {text-align:center;}
/*forms*/
form {margin:0 27%;width:45%;}
fieldset {display:block;border:1px solid #003;text-align:center;}
fieldset.nb {padding:2px;border:none;}
fieldset#hd,fieldset.nb legend {display:none;}
fieldset#mon label {font-variant:small-caps;width:40%;}
fieldset#mon input,fieldset#mon select {width:55%;}
fieldset.des label {display:block;width:100%;text-align:center;}
legend {width:97%;background:#003 url(images/bg_b.jpg);color:#ffc;font-weight:700;text-align:center;}
label {display:block;float:left;padding-right:2px;width:45%;font-weight:700;text-align:right;}
label.rd {display:inline;float:none;width:auto;font-weight:700;}
label.w {display:block;width:100%;text-align:center;}
input.tx,select {display:inline;width:45%;background:#ffc;color:#003;font:400 10pt verdana,sans-serif;}
input.cb {width:auto;}
input.sr {background:#003;border:2px outset #669;color:#ffc;}
select optgroup option {font:400 10pt verdana,sans-serif;}
textarea {width:99%;height:100px;background:#ffc;color:#003;font:400 10pt verdana,sans-serif;}
form div {text-align:left;}
form div.c {text-align:center;}
/*Media*/
body.media h1.index {margin-top:125px;}
body.media p {font:normal 10pt arial;}
body.media ul li,body.media ul.tv li.film {font:normal 10pt arial;color:#000;list-style-type:disc;}
body.media ul.tv li,body.media li.tv{list-style-type:square;}
body.media ul li.re{font:normal 10pt arial;color:#000;list-style:url(images/remake.png);}
input.google{width:71%;}
em.title {font-style:oblique;}
em.blueray, em.hardcover, em.cd  {color:#009}
em.dvd, em.trade, em.cassette  {color:#090;}
em.vhs, em.massmarket, em.lp  {color:#900;}
table.media {margin-left:1em;}
table.media td {border-bottom:1px solid #fff;}
table.media td a {display:block;font:700 24pt garamond;line-height:12px;text-align:center;}
/*Channels*/
table.channels td {text-align:center;}
table.channels td:last-child {text-align:left;}
/*Chess*/
body.chess table {float:right;border:1px solid #003;}
body.chess table tr td {width:55px;height:55px;background:#ffc;margin:0;padding:0;text-align:center;}
body.chess table tr td.clr {background:#c96;color:#ffc;}
/*Gems*/
body.gems div#main {overflow:hidden;}
table.gems td {border-bottom:1px solid #fff;}
table.gems a {display:block;font:700 24pt garamond;line-height:12px;text-align:center;}
/*Genre*/
body.genre table{background:transparent;font-size:7pt;}
body.genre table td{width:10px;min-width:10px;max-width:10px;height:10px;min-height:10px;max-height:10px;margin:0;padding:0;line-height:100%;text-align:center;border:1px dotted #f3f;}
body.genre table td.genre{width:60px;min-width:60px;max-width:60px;height:20px;min-height:20px;max-height:20px;border:2px solid black;}
body.genre table td.border{border-color:#000;border-width:1px;border-style:none;}
/*Myths*/
body.myth ol li {margin-left:1em;list-style-type:upper-roman;}
body.myth ol ol li {list-style-type:upper-alpha;font:700 12pt normal;}
body.myth ol ol ol li {list-style-type:decimal;font-size:10pt;}
body.myth ol ol ol ol li {list-style-type:lower-alpha;font:400 10pt normal;}
body.myth ol ol ol ol ol li {list-style-type:lower-roman;}
body.myth table {margin:0 1em;border:1px solid #003;font-size:10pt;}
body.myth table tr th:first-child{border-left-color:#003;}
body.myth table tr th:last-child{border-right-color:#003;}
body.myth table tr td {border-width:1px;border-style:solid dotted;border-color:#003;}
/*Numeration scale*/
body.ns table{border:1px solid #003;font-size:8pt;}
body.ns table th{font-size:10pt;}
body.ns table td{border-width:1px;border-style:solid dotted;border-color:#003;}
body.ns table td:first-child{text-align:right;}
/*Alignment*/
body.alig table{margin:5px;border:2px solid #003;}
body.alig table col.y,table.alig tr.y{background:#ffc;}
body.alig table td{height:60px;width:60px;border:1px solid #000;text-align:center;vertical-align:middle;}
body.alig table td.m{border:2px solid #003;}
/*Combined Equipment*/
body.ce dd.cost:before{content:"Cost: ";font-weight:700;}
body.ce dd.weight:before{content:"Weight: ";font-weight:700;}
body.ce dd.items:before{content:"Items included: ";font-weight:700;}
/*Magic Item style*/
body.mi ul li{font-weight:normal;color:#000;}
body.mi table{background:url(images/back.gif);}
/*Monster*/
body.mon em {margin-right:.5em;font:700 12pt garamond;color:#006;}
body.mon table#l,body.mon table#r {width:49.75%;}
body.mon table th {width:40%;border:none;background:none;font:small-caps 700 10pt garamond;text-align:right;color:#003;}
body.mon table.inner {width:95%;}
body.mon table thead tr th,body.mon table.inner th {width:auto;text-align:center;vertical-align:bottom;}
body.mon table#o tbody tr th {width:20%;}
body.mon div {clear:right;}
/*Proficiency*/
body.prof  div#main form {float:right;margin:0 0;width:15%;}
body.prof  div#main form select {clear:both;display:block;width:100%;}
body.prof table {margin:0 1em;width:83%;border:1px solid #003;font-size:10pt;text-align:center;}
body.prof table tr th{border-color:#003 #ffc;text-align:center;}
body.prof table tr th:first-child{border-left-color:#003;}
body.prof table tr th:last-child{border-right-color:#003;}
body.prof table tr td {border-width:1px;border-style:solid dotted;border-color:#003;}
body.prof table tr td:first-child{font:700 10pt arial;text-align:left;}
body.prof table tr td:last-child{text-align:left;}
/*Player Characters*/
body.pcm h2 {text-align:left;clear:both;}
body.pcm h3 {margin:0;border:0;padding:0;background:url(images/bg_b.jpg);color:#ffc;font:700 normal 10pt garamond;}
body.pcm div#bar select#SortBy {width:70%;display:inline;font:10pt arial,sans-serif;color:#003;background:#ffc;}
body.pcm div.m {width:100%;}
body.pcm div.m1 {float:left;font-size:10pt;width:79%;}
body.pcm div.m2 {float:right;margin:0;border:1px solid #003;padding:0;background:#ffe;text-align:left;width:20%;font-size:10pt;}
body.pcm div.m1 ul,body.pcm div.m2 ul{margin:0 0 0 3px;padding:0;}
body.pcm div.m1 ul li,body.pcm div.m2 ul li{list-style:none;margin:0;padding:0;}
body.pcm div.m1 strong{font-size:smaller;}
/*Spellbooks*/
body.sb div.main{overflow:hidden;}
body.sb div.main h1{position:absolute;top:0;left:0;right:0;z-index:1;}
body.sb div.main h2{width:100%;margin:0;padding:0;}
body.sb div.main h2:before{content:" level";}
body.sb div.top{position:absolute;top:4em;right:0;bottom:3em;left:0;z-index:1;width:100%;margin:0;padding:0;}
body.sb div.row{width:100%;height:33.31%;clear:both;overflow:hidden;}
body.sb div.group{width:33.31%;float:left;margin-bottom:3px;margin-bottom:3px;padding-bottom:3px;padding-bottom:3px;overflow:hidden;}
body.sb div.list{width:100%;margin:0;padding:0;height:12em;overflow-y:auto;}
body.sb div.list ul {margin-top:0;}
body.sb p.csq {position:absolute;top:45em;left:0;right:0;z-index:1;background:#fff;border:1px solid #ccf;}
@media print{
div#bar,div#main p.csq{display:none;width:0;height:0;}
div#main{width:100%;left:0;background:none;}
a{color:inherit;}
div.link,.np{display:none;}
body.sb div.main,body.sb div.row,body.sb div.group,body.sb div.list{overflow:visible;}
}